<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<jsp:include page="../podstrony/head.jsp">
	<jsp:param value="polaczenia.edycjaPrzystanku" name="tytul" />
</jsp:include>
<body>
	<script type="text/javascript">
		$(document).ready(
				function() {

					var odlDoUsuniecia = new Array();
					pobierzPrzystanki();
					$(".powiel").hide();
					$(".dodaj").click(
							function(event) {
								var tabela = $(".powiel");
								var powiel = $(".powiel:first").clone(true)
										.fadeIn('slow');
								$("table tr:last").after(powiel);
							});

					$("a.usunNowe").click(function(event) {
						if ($("tr").siblings().length > 2) {
							$(".powiel:last").remove();
						}
					});
					var i = 0;

					$('tr a.usun').click(
							function(event) {
								if ($("tr").siblings().length > 2) {
								var dane = $(this).parent().children("#odlegloscId").val();
								$.ajax({
									url : 'usunOdleglosci',
									type : 'POST',
									dataType : 'json',
									data : dane,
									contentType : 'application/json',
									success: $(this).parent().parent().remove()
								});
								}
							});
					
//					$('tr a.usun').click(
//							function(event) {
//								if ($("tr").siblings().length > 2) {
//									odlDoUsuniecia[i] = $(this).parent()
//											.children("#odlegloscId").val();
//									i++;
//									$(this).parent().parent().remove();
//								}
//							});
//
//					$('.formularz').submit(function(evt) {
//						evt.preventDefault();
//						var dane = odlDoUsuniecia;
//						if (dane.length > 0) {
//							$.ajax({
//								url : 'usunOdleglosci',
//								type : 'POST',
//								dataType : 'json',
//								data : JSON.stringify(dane),
//								contentType : 'application/json'
//							});
//						}
//					});
				});
	</script>

	<div class="wrapper">
		<div class="top">
			<jsp:include page="../podstrony/logo.jsp" />
			<jsp:include page="../podstrony/logowanieInformacja.jsp" />
		</div>
		<jsp:include page="../podstrony/pasekMenu.jsp" />
		<div class="panelGlowny">
			<h1>
				<spring:message code="polaczenia.edycjaPrzystanku" />
			</h1>
			<div class="tresc">
				<form:form action="zapiszEdytowanyPrzystanek" class="formularz">
					<form:errors path="przystankiPolaczone" />
					<br />
					<form:errors path="odleglosci" />
					<br />
					<spring:message code="przystanek.nazwa" />
					<form:input path="nazwa" value="${dto.nazwa}" />
					<form:errors path="nazwa" />
					<spring:message code="przystanek.miasto" />
					<form:input path="miasto" value="${dto.miasto}" />

					<spring:message code="polaczenie.rodzajPolaczenia" />
					${dto.rodzajPrzystanku.nazwa}
					<form:hidden path="id" value="${dto.id}" />
					<form:hidden path="typPolaczenia"
						value="${dto.rodzajPrzystanku.id}" />

					<br />
					<br />
					<b><spring:message code="przystanek.powiazanePrzystanki" /> </b>
					<br />
					<table class="tabela">
						<tr>
							<th><spring:message code="przystanek.nazwa" />
							</th>
							<th><spring:message code="przystanek.odleglosc" />
							</th>
							<th><spring:message code="przystanek.cena" />
							</th>
							<th></th>
						</tr>
						<c:forEach items="${odleglosci}" var="odl">
							<tr class="aktualne">
								<td>${odl.przystanekKonc.nazwa}</td>
								<td>${odl.odlegloscDto} <spring:message
										code="polaczenie.km" />.</td>
								<td>${odl.cena.cena}</td>
								<td><input type="hidden" value="${odl.id}" id="odlegloscId" />
									<a class="usun" href="#"><spring:message
											code="polaczenie.usunPrzystanek" /> </a></td>
							</tr>
						</c:forEach>
					</table>
					<table class="nowe">
						<tr class="powiel">
							<td><select name="przystankiPolaczone" class="idPrzystanku">

							</select></td>

							<td><form:input path="odleglosci" value="0" size="4" onfocus="wymusSameCyfry();" /> <spring:message
									code="polaczenie.km" />.</td>
							<td><form:input path="cenaPrzejazdu" value="0" size="4" onfocus="wymusSameCyfry();" />
							</td>
							<td><a href="#" class="usunNowe"><spring:message
										code="polaczenie.usunPrzystanek" /> </a></td>
							<td></td>
						</tr>
					</table>
					<a href="#" class="dodaj"><spring:message
							code="polaczenie.dodajPrzystanek" /> </a>
					<input type="submit" value="Zapisz" />
				</form:form>
			</div>
		</div>
		<jsp:include page="../podstrony/stopka.jsp" />
	</div>
</body>
</html>